<!DOCTYPE html>
<html>

<head>
    <title>DNX物流</title>
    <meta name="description" content="长大在线PS-彭佳馨 PHP-邓良聪 Web-周南杰小组作品">
    <meta name="keywords" content="长大在线 物流 WPP小组作品">
    <meta name="author" content="NeoJo">
    <meta http-equiv="content-type" content="text/html" charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="SHORTCUT ICON" href="img/favicon.ico">
    <link rel=“bookmark” href="img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="Bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/search-form.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/info-style.css">
    <script type="text/javascript" src="js/jquery/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="Bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="banner">

    </div>
    <div class="container header-container">
        <div class="header">
            <!--<h1>DNX物流</h1>
            <small>an english word</small>-->
        </div>
    </div>
    <div class="navbar navbar-default navi-div" role="navigation">
        <div class="hidden-xs hidden-sm" id="calendar">
            <img src="img/logo-calendar.png">
        </div>
        <div class="hidden-xs hidden-sm" id="search">
            <section>
                <form onsubmit="submitFn(this, event);">
                    <div class="search-wrapper">
                        <div class="input-holder">
                            <input type="text" class="search-input" placeholder="搜索" />
                            <button class="search-icon" onclick="searchToggle(this, event);"></button>
                        </div>
                        <span class="close" onclick="searchToggle(this, event);"></span>
                        <div class="result-container">

                        </div>
                    </div>
                </form>
            </section>
        </div>
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <div class="container">
                    <ul class="nav nav-pills nav-justified">
                        <li><a href="">首　页</a></li>
                        <li><a href="">我的物流</a></li>
                        <li><a href="">网上托运</a></li>
                        <li><a href="">新闻动态</a></li>
                        <li><a href="">待审核订单</a></li>
                        <li><a href="">运输中订单</a></li>
                        <li><a href="">已完成订单</a></li>
                        <li><a href="">关于我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--navigation-->
    <div class="container background">
        <div class="col-lg-10 col-md-10">
            <div id="carousel-2" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carousel-2" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-2" data-slide-to="1"></li>
                    <li data-target="#carousel-2" data-slide-to="2"></li>
                    <li data-target="#carousel-2" data-slide-to="3"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="img/bg-pic-2.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="img/bg-pic-1.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="img/bg-pic-3.jpg" alt="...">
                    </div>
                    <div class="item">
                        <img src="img/bg-pic-4.jpg" alt="...">
                    </div>
                </div>
                <a class="left carousel-control" href="#carousel-2" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-2" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 upper" id="xwgg">
            <h2></h2>
            <a id="more" href="#" value="更多">
            </a>
            <div class="clearfix">
            </div>
            <ul>
                <li>
                    <a title="#" href="#">新闻一号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻二号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻三号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻四号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻五号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻六号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻七号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻八号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻九号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻十号：这是一段新闻</a>
                </li>
                <li>
                    <a title="#" href="#">新闻十一号：这是一段新闻</a>
                </li>
            </ul>
        </div>
        <div class="col-lg-8 col-md-8 upper" id="login-after">
            <h2></h2>
            <div class="clearfix"></div>
            <div id="login-box">
                <ul class="login-1">
                </ul>
                <div class="bcm">
                    <h3 style="color:#FFF;background:#000;">
                        账户信息
                    </h3>
                    <div class="ts-username-1">
                        <span class="currentTime">早上好 ,</span> &nbsp;
                        <a href="" class="userName1 accountinfofont" id="uname2" style="color:black;">1016224076@qq.com</a> !
                        <a href="javascript:;" class="Safetyexit" id="ifFisKeycustomern" style="color:#;">【退出】</a>
                    </div>
                    <div id="user-move">
                        <div class="ts-usermessage-1" style="background:url(img/payStyle.png) 0 6px no-repeat; margin-left: 10px; padding-left: 20px;">
                            待付款订单
                            <a href="" class="ac_refundPaymentOrder accountinfofont" style="text-decoration:none;color:red;">(0)</a>
                        </div>

                        <div class="ts-usermessage-1" style="background:url(img/indent-01.png) 0 0px no-repeat; margin-left: 10px; padding-left: 20px;">
                            待审核订单
                            <a href="" class="ac_unuseCoupon accountinfofont ts-cgif" style="text-decoration:none;color:red;">(0)</a>
                        </div>

                        <div class="ts-usermessage-1" style="background:url(img/carStyle.png) 0 6px no-repeat; margin-left: 10px; padding-left: 20px;">
                            运输中订单
                            <a href="" class="ac_transportingOrder accountinfofont" style="text-decoration:none;color:red;">(0)</a>
                        </div>

                        <div class="ts-usermessage-1" style="background:url(img/indent-03.png) 0 0px no-repeat; margin-left: 10px; padding-left: 20px;">
                            已完成订单
                            <a href="" class="ac_unuseCoupon accountinfofont ts-cgif" style="text-decoration:none;color:red;">(0)</a>
                        </div>

                        <div class="ts-usermessage-1" style="background:url(img/ts-dd.png) 0 -122px no-repeat; margin-left: 10px; padding-left: 20px;">
                            未读站内信
                            <a href="" class="ac_siteMessages accountinfofont" style="text-decoration:none;color:red;">(0)</a>
                        </div>
                    </div>
                    <div class="ts-usermessage-num"></div>
                    <input type="hidden" id="userName" name="user.userName" value="1016224076@qq.com">
                    <input type="hidden" name="user.email" value="1016224076@qq.com">
                </div>
            </div>
        </div>
    </div>
    <!--upper-->
    <div class="container">
        <div class="col-lg-6 col-md-6 middle-1" id="zycp">
            <h2></h2>
            <div class="main">
                <div class="one">
                    <a href="#">
                        <img src="img/1.png">
                    </a>
                    <div class="big-gray">
                        <a href="#">精准城运</a>
                    </div>
                    <span class="small-black hidden-xs hidden-sm">
                        <strong><a href="#">城市便捷通</a></strong>
                    </span>
                </div>
                <div class="two">
                    <a href="#">
                        <img src="img/2.png">
                    </a>
                    <div class="big-gray">
                        <a href="#">电商尊重</a>
                    </div>
                    <span class="small-black hidden-xs hidden-sm">
                        <strong><a href="#">专属省心放</a></strong>
                    </span>
                </div>
                <div class="three">
                    <a href="#">
                        <img src="img/3.png">
                    </a>
                    <div class="big-gray">
                        <a href="#">精准空运</a>
                    </div>
                    <span class="small-black hidden-xs hidden-sm">
                        <strong><a href="#">快捷高速</a></strong>
                    </span>
                </div>
                <div class="four">
                    <a href="#">
                        <img src="img/4.png">
                    </a>
                    <div class="big-gray">
                        <a href="#">整车运输</a>
                    </div>
                    <span class="small-black hidden-xs hidden-sm">
                        <strong><a href="#">十万客户信</a></strong>
                    </span>
                </div>
                <div class="five">
                    <a href="#">
                        <img src="img/5.png">
                    </a>
                    <div class="big-gray">
                        <a href="#">精准卡航</a>
                    </div>
                    <span class="small-black hidden-xs hidden-sm">
                        <strong><a href="#">高性价比</a></strong>
                    </span>
                </div>
                <div class="six">
                    <a href="#">
                        <img src="img/6.png">
                    </a>
                    <div class="big-gray">
                        <a href="#">3.6特惠价</a>
                    </div>
                    <span class="small-black hidden-xs hidden-sm">
                        <strong><a href="#">实惠安心贴</a></strong>
                    </span>
                </div>
            </div>
            <div class="clearfix"></div>
            <ul></ul>
        </div>
        <div class="col-lg-6 col-md-6 middle-2" id="xsgl">
            <h2></h2>
            <div class="main-xsgl">
                <div class="jshw-1">
                    <span><strong>寄送货物</strong></span>
                    <ul>
                        <li>
                            <a href="#">如何填写托运单...</a>
                        </li>
                        <li>
                            <a href="#">长大物流能提供...</a>
                        </li>
                        <li>
                            <a href="#">如何正确包装...</a>
                        </li>
                    </ul>
                </div>
                <div class="zzhw">
                    <span><strong>追踪货物</strong></span>
                    <ul>
                        <li>
                            <a href="#">什么是运单号...</a>
                        </li>
                        <li>
                            <a href="#">如何查询货物运...</a>
                        </li>
                        <li>
                            <a href="#">在哪里能找到...</a>
                        </li>
                    </ul>
                </div>
                <div class="jshw-2">
                    <span><strong>接收货物</strong></span>
                    <ul>
                        <li>
                            <a href="#">自提派送是什么...</a>
                        </li>
                        <li>
                            <a href="#">发现我的货物有...</a>
                        </li>
                        <li>
                            <a href="#">接受货物要办理...</a>
                        </li>
                    </ul>
                </div>
                <div class="jszf">
                    <span><strong>结算支付</strong></span>
                    <ul>
                        <li>
                            <a href="#">什么是电子发票...</a>
                        </li>
                        <li>
                            <a href="#">如何查询我的付...</a>
                        </li>
                        <li>
                            <a href="#">我对账单有意见...</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="clearfix"></div>
            <ul class="hehe"></ul>
        </div>
    </div>
    <!--middle-->
    <div class="footer-yellow hidden-sm hidden-xs">
        <div class="phone">
            <img src="img/bg-service-01.png">
            <div class="aa">
                <span><a href="#">咨询</a> | <a href="#">建议</a> | <a href="#">投诉</a></span>
            </div>
        </div>
        <div class="message">
            <img src="img/bg-service-02.png">
            <div class="bb">
                <a href="#">在线客服</a>
            </div>
        </div>
    </div>
    <div class="footer-black">
        <div class="col-md-2 col-lg-2" id="f-box-1">
            <div class="track">
                <span class="tcenter"><h2>货物追踪</h2>
            <form class="cargotracking" id="trackForm">
                <p>
                    <label>
                        <input id="" name="" placeholder="请输入订单号">
                    </label>
                </p>
                <p class="inputop" style="height:22px;">
                    <i id="trackCodesI" style="">
					   <input id="trackCodeInput" type="text" name="securityCode" class="d_input numbercode" placeholder="请输入验证码">
                       <img onclick="changeTrackCode()" ;="" style="width: 50px; cursor: pointer;" id="trackCode" src="img/footer-yzm.png">
                    </i>
                    <input name="" type="button" value="查询" class="cargobutton butleft tosnsmall_btn searchnumber" style="float:right;">
                </p>
            </form>
            </span>
            </div>
        </div>
        <div class="col-md-2 col-lg-2" id="f-box-2">
            <div class="price">
                <span class="pcenter">
                <h2>车源信息</h2>
                <form action="/jiageresult/" method="post" class="cargotracking" id="PriceForm">
					<p>
					    <label class="newprocitySel">
                            <input id="leavedCity1" name="" autocomplete="off" type="text" class="cityinput proCityQuery inputFocus proCitySel send_Input current1 iGrays" placeholder="请选择/输入发货城市">
                        </label>
					</p>
                    <p>
						<label class="newprocitySel">
                            <input id="arrivedCity1" name="" autocomplete="off" type="text" class="cityzinput proCityQuery inputFocus proCitySel iGrays" placeholder="请选择/输入到达城市">
                        </label>
					</p>
                        <input name ="leavedCity" id="leavedCity" type="hidden">
                        <input name ="arrivedCity" id="arrivedCity" type="hidden">
                        <input name ="leavedCityId" id="leavedCityId" type="hidden">
                        <input name ="arrivedCityId" id="arrivedCityId" type="hidden">
                        <input name ="leavedProvinceId" id="leavedProvinceId" type="hidden">
                        <input name ="arrivedProvinceId" id="arrivedProvinceId" type="hidden">
                        <input name ="leavedCountryId" id="leavedCountryId" type="hidden">
                        <input name ="arrivedCountryId" id="arrivedCountryId" type="hidden">
					<p class="inputop">
						<input id="PriceSearch" name="" type="button" value="查询" class="cargobutton butseach tosnsmall_btn tsprice">
					</p>	
				</form>
                </span>
            </div>
        </div>
        <div class="col-md-2 col-lg-2" id="f-box-3">
            <div class="netpoint">
                <span class="ncenter">
                <h2>网点查询</h2>
                    <form id="cityfrom" action="/wangdian/" method="post" class="cargotracking">
						<p>
						   <label class="newprocitySel">
                                <input name="" id="start1" autocomplete="off" type="text" placeholder="请选择/输入城市名称" class="city_input  inputFocus proCityQueryAll proCitySelAll current2 iGrays" ov="请选择/输入城市名称">
                           </label>
						</p>
							<input name="start" id="start" style="display: none;"> <input name="desti" value="" style="display: none;">
                        <p class="inputop">
                            <input name="type" type="radio" value="1" checked="checked" style="margin-left:5px;"><a style="color:#fff;">零担</a>
                            <input name="type" type="radio" value="2" style="margin-left: 10px;"><a style="color:#fff;">快递</a>
                            <input name="" type="submit" value="查询" class="cargobutton butseach tosnsmall_btn intbotn" style="margin-left:25px;">
                        </p>                                               
						<p class="pfont inputop">
							网点信息: 点击 
                            <a href="/wangdian/"><label class="signee3"></label><font style="color: #fbb100;" class="zt_changered" id="countDepts">查看全国</font>
							</a>
						</p>
				    </form>
            </span>
            </div>
        </div>
    </div>


    <!--JavaScript-->
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')
    </script>
    <script type="text/javascript">
        function searchToggle(obj, evt) {
            var container = $(obj).closest('.search-wrapper');

            if (!container.hasClass('active')) {
                container.addClass('active');
                evt.preventDefault();
            } else if (container.hasClass('active') && $(obj).closest('.input-holder').length == 0) {
                container.removeClass('active');
                // clear input
                container.find('.search-input').val('');
                // clear and hide result container when we press close
                container.find('.result-container').fadeOut(100, function() {
                    $(this).empty();
                });
            }
        }

        function submitFn(obj, evt) {
            value = $(obj).find('.search-input').val().trim();

            _html = "";
            if (!value.length) {
                _html = "";
            } else {
                _html += "<b>" + value + "</b>";
            }

            $(obj).find('.result-container').html('<span>' + _html + '</span>');
            $(obj).find('.result-container').fadeIn(100);

            evt.preventDefault();
        }
    </script>
</body>

</html>